<template>
    <div style="">
        <my-simple-table>

            <my-simple-tr label="基础功能">
                <el-switch inactive-color="green" active-color="red" v-model="value"></el-switch>
            </my-simple-tr>

            <my-simple-tr label="文字描述">
                <el-switch style="display: block" inactive-text="伤心" active-text="开心" active-color="#13ce66" inactive-color="#ff4949" v-model="value"></el-switch>
            </my-simple-tr>

            <my-simple-tr label="扩展的 value 类型">
                <el-tooltip :content="'Switch value: ' + value" placement="top">
                    <el-switch
                            v-model="value"
                            active-color="#13ce66"
                            inactive-color="#ff4949"
                            active-value="100"
                            inactive-value="0">
                    </el-switch>
                </el-tooltip>
            </my-simple-tr>

            <my-simple-tr label="禁用">
                <el-switch disabled  active-color="#13ce66" inactive-color="#ff4949" v-model="value"></el-switch>
            </my-simple-tr>

        </my-simple-table>
    </div>
</template>

<style>

</style>

<script>

    export default {
        name: "my-el-input-number",
        data () {
            return {
                value: true
            };
        },
        methods: {
            handleChange(value) {
                console.log(value);
            }
        }
    }
</script>

